<template>
  <div class="cs-page-container">
    <el-tabs value="first" type="border-card">
      <el-tab-pane label="家族申请" name="first">
        <applyFamily ref="first" />
      </el-tab-pane>
      <el-tab-pane label="变更审核" name="second">
        <changeAudit ref="second" />
      </el-tab-pane>
      <el-tab-pane label="家族列表" name="thirdly">
        <familyList ref="thirdly" />
      </el-tab-pane>
      <el-tab-pane label="家族聊天" name="fourthly">
        <IMMessage ref="fourthly" :is-family="true" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import IMMessage from '../chatRecord/components/IMMessage'
import familyList from './familyList'
import applyFamily from './applyFamily';
import changeAudit from './changeAudit'

export default {
  name: 'AnchorList',
  components: { familyList, applyFamily, changeAudit, IMMessage },
  data() {
    return {
    }
  },

  methods: {

  }
}
</script>
